@charset "utf-8";
@import "../../../../layout/sass/_mixin-fun.scss";

.right {
	> .picture {
		width: 100%;
		padding: 10px 10px;
		min-height: 600px;
		background: rgba(229,229,229,0.5);
		.grid {
		  position: relative;
		  /* fluffy */
		  margin: 0 auto;
		  width: 98%;
		  /* end fluffy */
		  .grid-item {
				position: absolute;
			   	/* fluffy */
			  	opacity: 0;
			  	box-shadow: 1px 1px #9E9E9E;
			  	/* end fluffy */
			  	a {
			  		max-width: 200px;
			  		display: block;
					border: 7px solid #fff;
					cursor: pointer;
					position: relative;
					-moz-box-shadow: 1px 1px 1px #aaa;
					-webkit-box-shadow: 1px 1px 1px #aaa;
					box-shadow: 1px 1px 1px #aaa;
					&:hover{
						-moz-box-shadow: 1px 1px 7px #777;
						-webkit-box-shadow: 1px 1px 7px #777;
						box-shadow: 1px 1px 7px #777;
					}
					img {
						max-width: 200px;
						width: 100%;
			   			display: block;
			   		}
			   	}
			}//grid-item
		}//grid

		@media (max-width: 600px) {
		  .grid-item {
		    width: 120px;
		    height: 80px;
		  }
		}
	}//picture
}//right

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}